	    
<div id="min-height" style="min-height: 744px; height: 744px;"><div class="w980 minHeight fc">
	


<div class="w220 bg_gray fl  pt30 tac pos_r">
	
	<a href="{:U('Index/Customer/face')}">
    	<img title="点击头像编辑" src="__ROOT__{$userInfo['face']}" class="img-circular" height="200" width="200">
	</a>
    <h4 class="lh26 ft24 pt10">{$userInfo['username']}</h4>
    
    <div class="pb10 pt10 bottom-border-white">
            <a class="btn btn_gray3" href="{:U('Index/Customer/index')}">
                <span class="btn_lft"></span>
                <span class="btn_mid">个人设置</span>
                <span class="btn_rgt"></span>
            </a>
            <a class="btn btn_gray3" href="{:U('Index/Customer/password')}">
                <span class="btn_lft"></span>
                <span class="btn_mid">密码修改</span>
                <span class="btn_rgt"></span>
            </a>
        </div>
    <ul class="lhb_snav1 ft15 mt15 tal">
        
        
        	<li><a class="sel" href=""><em id="ico-vip-mine-koo"></em>我的酷学</a></li>
	        <li><a href="http://www.koo.cn/userProduct/myProduct/1/horizontal?from=study"><em class="lhb_snav2_ico1"></em>我的课程</a></li>
	        <li><a href="http://www.koo.cn/shopping/gotoCart?from=study"><em class="lhb_snav2_ico3"></em>我的购物车</a></li>
	        <li><a href="http://www.koo.cn/orders/myOrders?from=study&amp;hl=order"><em class="lhb_snav2_ico2"></em>我的订单</a></li>
        	<li><a href="http://www.koo.cn/customer/toCare/1"><em class="lhb_snav2_ico5"></em>我的关注</a></li>
        	<li><a href="http://www.koo.cn/customer/toUserCollect/1"><em class="lhb_snav2_ico6"></em>我的收藏</a></li>	
        <!-- 	<li><a href="http://www.koo.cn/studytarget/myStudyTarget"><em class="lhb_snav2_ico7"></em>我的学习目标</a></li>
	        <li><a href="http://www.koo.cn/customer/toMessage/1?from=study"><em class="lhb_snav2_ico4"></em>我的短消息</a></li>
        	<li><a href="http://www.koo.cn/ro/index"><em class="lhb_snav2_ico8"></em>我的账户</a></li>
        	<li><a href="http://www.koo.cn/ro/recharge"><em class="lhb_snav2_ico9"></em>账户充值</a></li>
        	<li><a href="http://www.koo.cn/coupon/myCouponList"><em class="lhb_snav2_ico10"></em>我的优惠券</a></li> -->
        
        
    </ul>
</div>

   <div class="fl w760">
        <div class="zb_want_teach main-vip w730">
            <h2 class="lhb_tit1 ft18 mt15">我的酷学</h2>
            <div class="fc  ft14 mt20 pb20 lh36 bottom-border">
                <!--开通专题 S-->
                <div class="fl  w364 pr20  gray6 right-border">
                    亲爱的<span class="blue"></span>同学，您好，欢迎回到酷学网,么么哒～<br>
                    今天是您入驻酷学网第<span class="red">0 </span>天<br>
                    
                </div>
                <div class="fl w320 pt30 pl20">
                
                  		  您在成为学霸的路上，加油哦~
                </div>
            </div>
            <div class="bottom-border lh30  pt20 ft14">
                	您在酷学：
            </div>
            <ul class="fc doInKoo bottom-border ft14 ">
                <li>
                    <em class="ioc-vip-mine-free"></em>
                    <div>学习免费课程</div>
                    <span class="red ">0</span>门 
                </li>
                <li>
                    <em class="ioc-vip-mine-money"></em>
                    <div>学习收费课程</div>
                    <span class="red">0</span>门 
                </li>
                <li>
                    <em class="ioc-vip-mine-time"></em>
                    <div> 听直播课时长</div>
                    <span class="red"></span> 
                </li>
                <li>
                    <em class="ioc-vip-mine-person"></em>
                    <div>听了<span class="red">0</span>位</div>
                    老师授课 
                </li>
                <li class="noborder">
                    <em class="ioc-vip-mine-moneypage"></em>
                    <div>学习花费</div>
                    <span class="red"></span>元
                </li>
            </ul>
            
            	<div class="tac pt30 pb30  ft14">亲爱的同学，您还没有开始在酷学学习哦，快去  <a href="http://www.koo.cn/findClass/0-0-1/" class="blue">发现课程</a>，早日成为学霸！</div>
            
            
            </div>
        </div>
    </div></div>

<!--获取推荐ID js from cms ad s  -->
<script type="text/javascript" src="__PUBLIC__/Js/code1033.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/jquery.js"></script>

<script>
    $(function(){
    	
    	var productCaId=$('#productCategorId').val();
    	if(!!productCaId){
    		$("a[name='attention']").each(function(){
        		areAttention(this); 
    		});
    		var productCategorIds=getRecommendId($('#productCategorId').val());
            $.ajax({   
            	     url:'/findClass/indexApi/'+productCategorIds,   
            	     type:'post',   
            	     data:{}, 
            	     dataType:"JSON",
            	     async : false, //默认为true 异步   
            	     success:function(data){
            	    	 if(typeof data == "object" && data.length){
            	    		 var str='',classstr='';
                	    	 for(var i=0,len=data.length;i<len;i++){
                	    		   classstr = i==2?'class="mr0"':"";
                	    		 str+= '<dl '+  classstr  + ' ><dt><a href="'+data[i].jumpUrl+'">';
                	    		 str+='<img src="'+data[i].iconUrlStr+'" width="230" height="146" alt="课程图片"/></a>';
                	    		 str+='</dt><dd><a href="'+data[i].jumpUrl+'" class="lh36" title="'+data[i].name+'">'+data[i].name+'</a>';
                	    		 str+='<p class="gray666" title="'+data[i].teacherNames+'">主讲：'+data[i].teacherNames+' </p></dd></dl>';
                	    	 }
                	         $("#recommendProduct").html(str);  
                	         
            	    	 }
            	    	 
            	    }
            	 });
    	}
        
    })
    
    
    
    function areAttention(obj){//判断是否关注
    	 
	    var teacherId=$(obj).attr('tearcherId');
		$.ajax({
			 type: "GET",
			 url: "/hall/checkUserAttention/"+teacherId,
			 dataType: "json",
			 cache:false,
			 success: function(data){
				if(!data.success){
					 //no focus
					  $(obj).html("+关注").off().on("click",function(){
						  addAttention(obj);
					  })
					
				}else{
					//focus
					$(obj).html("取消关注").off().on("click",function(){
						delAttention(obj);
					  }); 
				}
			  }
		 });
	}
    
    function addAttention(obj){//加入关注
    	
    	var teacherId=$(obj).attr('tearcherId');
		$.ajax({
		 	type: "GET",
			url: "/hall/doCareHall/"+teacherId,
			dataType: "json",
		 	cache:false,
			success: function(data){
				if(!data.success){
				if(data.messageInfo=="用户未登录"){
					popLogin();
				}else{
					pop_passblue(data.messageInfo);
				}
			}else{
				$(obj).html("取消关注").off().on("click",function(){
					delAttention(obj);
				  }); 
				pop_passblue(data.messageInfo);
			}
		 }
	 });
	 
}
function delAttention(obj){//取消关注
	var teacherId=$(obj).attr('tearcherId');
	$.ajax({
		 type: "GET",
		 url: "/hall/removeCareHall/"+teacherId,
		 dataType: "json",
		 cache:false,
		 success: function(data){
			if(!data.success){
				pop_passblue(data.messageInfo);
			}else{
				  $(obj).html("+关注").off().on("click",function(){
					  addAttention(obj);
				  });
				pop_passblue(data.messageInfo);
			}
		 }
	 });
	 
}
</script>
<!--获取推荐ID js from cms ad e  -->


